<template>
  <div>
    <!-- 1.先安装 axios npm install axios -->
    <!-- 2.全局挂载axios -->
    <!-- 3.可以使用了 -->
    <!-- <el-table :data="tableData" style="width: 100%">

      <el-table-column prop="id" label="id" width="180"></el-table-column>
      <el-table-column prop="seq" label="seq" width="180"></el-table-column>
      <el-table-column prop="style" label="style"></el-table-column>
      <el-table-column prop="title" label="title"></el-table-column>
      
    </el-table> -->

    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="shopName" label="店铺名称" width="180">
      </el-table-column>
      <el-table-column prop="prodName" label="商品名称" width="180">
      </el-table-column>
      <el-table-column prop="pic" label="图片">
        <template slot-scope="scope">
          <img :src="scope.row.pic" width="45" alt="" />
        </template>
      </el-table-column>
      <el-table-column prop="brief" label="描述"> </el-table-column>
    </el-table>


    <button @click="handleDetail(aaa=1)">1</button>
    <button @click="handleDetail(aaa=2)">2</button>
    <!-- <el-dialog
      title="提示"
      :visible.sync="dialogVisible"
      width="60%"
      :before-close="handleClose"
    > -->

  </div>
</template>

<script>
export default {
  data() {
    return {
      aaa:"1",
      dialogVisible: false,
      tableData: [
        //     {
        //     id: '2025',
        //     seq:'0',
        //     style: '王小虎',
        //     title: '上海市普陀区金沙江路 1518 弄'
        //   },
        //   {
        //     id: '2016-05-04',
        //     seq:'0',
        //     style: '王小虎',
        //     title: '上海市普陀区金沙江路 1517 弄'
        //   },
        //   {
        //     id: '2016-05-01',
        //     seq:'1',
        //     style: '王小虎',
        //     title: '上海市普陀区金沙江路 1519 弄'
        //   },
        //   {
        //     id: '2016-05-03',
        //     seq:'1',
        //     style: '王小虎',
        //     title: '上海市普陀区金沙江路 1516 弄'
        //   }
      ],
    };
  },
  created() {
    this.getList();
    
  },
  methods: {
    // 请求参数
    // 页码 current 数字类型
    // 请求条数 size 数字类型

    // getList(){
    //     // http://api.app.yami.byesame.com/prod/tag/prodTagList
    //     this.$axios.get('http://api.app.yami.byesame.com/prod/tag/prodTagList').then((res) =>{
    //         console.log(res);
    //         // let data =
    //         // this.$set(this.tableData,1,{id: res.data.id,seq:'0',style: '王小虎',title: '上海市普陀区金沙江路 1518 弄'})
    //         if(res.data.code == '00000'){
    //             this.tableData = res.data.data
    //         }
    //     }).catch((err) =>{
    //         console.log(err);
    //     })
    // }


    
    handleDetail(aaa) {
      this.productDetail = null; 
      this.getList(aaa); 
    },


    getList(aaa) {
      this.$axios
        .get(
          `http://api.app.yami.byesame.com/prod/lastedProdPage?current=${aaa}&size=5`
        )
        .then((res) => {
          console.log(res);
          if (res.data.code == "00000") {
            this.tableData = res.data.data.records;
          }
        });
    },




    // getList(){
    //     // http://api.app.yami.byesame.com/prod/tag/prodTagList
    //     this.$axios.get('http://api.app.yami.byesame.com/prod/prodInfo?prodId=72').then((res) =>{
    //         console.log(res);
            
    //         // if(res.data.code == '00000'){
    //         //     this.tableData = res.data.data
    //         // }
    //     }).catch((err) =>{
    //         console.log(err);
    //     })
    // }

    

    // 查询商品详情
    // http://api.app.yami.byesame.com/prod/prodInfo
    // 请求参数
    // 商品id
    // prodId=要查寻的商品id
    // handleClose(done) {
    //   this.$confirm("确认关闭？")
    //     .then((_) => {
    //       done();
    //     })
    //     .catch((_) => {});
    // },
  },
};
</script>

<style>
</style>